{% for q in records %}
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-auto">
                    <img src="{{ q.question }}"/>
                </div>

            </div>
            <div class="row">
                <div class="col-auto" style="margin-top: 6px">
                    <button class="btn btn-primary" role="button" data-toggle="collapse" id="btn-answer{{ q.pk }}"
                            data-target="#collapse-answer{{ q.pk }}" aria-expanded="false"
                            aria-controls="collapse-analyze">
                        答案
                    </button>
                </div>
            </div>
            <div class="row" style="margin-top: 6px">
                <div class="col-auto collapse" id="collapse-answer{{ q.pk }}">
                    <img src="{{ q.answer }}"/>
                </div>
            </div>
            <!-- 如果有解析 -->
            {% if q.analyze != '' %}
                <div class="row">
                    <div class="col-auto" style="margin-top: 6px">
                        <button class="btn btn-primary" role="button" data-toggle="collapse"
                                data-target="#collapse-analyze{{ q.pk }}" aria-expanded="false"
                                aria-controls="collapse-analyze">
                            解析
                        </button>
                    </div>
                </div>
                <div class="row" style="margin-top: 6px">
                    <div class="col-auto collapse" id="collapse-analyze{{ q.pk }}">
                        <img src="{{ q.analyze }}"/>
                    </div>
                </div>
            {% endif %}
        </div>
    </div>
    <div style="margin-top: 10px"></div>
{% endfor %}